/****** RESET ******/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, tr, th, td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, strong, th, var {font-style: normal;font-weight: normal;}
ol, ul {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6, p, a, ul, li, blockquote, form, table, tr, th, td {font-weight: normal;}
em, blockquote {font-style: italic;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}

strong, strong a{font-weight: bold;}
:-moz-any-link:focus {
  outline: none;
}

html, body{ height: 100%;}
html {
overflow:hidden;
}

body{
	font-size:62.5%;
	background: #acaaae url( ../images/ajax-loader.gif ) center center no-repeat;
	font-family: Arial;
	overflow: hidden;
}
h2{
	background: url( ../images/dot_light.gif ) top left repeat-x;
	font-size: 1.6em;
	color: #fff;
	padding: 0.4em 10px 1.1em 0;
}

p{
	color: #fff;
	font-size: 1.2em;
	padding-bottom: 1.5em;
	line-height: 1.1em;
}

p a{
	opacity: 0.7;
	filter: alpha(opacity = 70);
}
p a:hover{
	opacity: 1.0;
	filter: alpha(opacity = 100);
}

a,
.dark a{
	color: #90948b;
	text-decoration: none;
}
a:hover,
.current-menu-item a,
.current-page-ancestor a,
.dark a:hover,
.current_page_item a{
	color: #61625e;
}
.dark #textInner a{
	color:#FFFBE5;
	display: inline-block;
	padding-left: 0.2em;
}
.dark #textInner .tel{ display: inline-block; padding-left: 0.2em;}
.dark #textInner p a{
	opacity: 1;
}
.dark #textInner a:hover{
	color: #FFF;
}
.light a{ color: #d2d3cf;}
.light a:hover,
.light .current-menu-item a,
.light .current-page-ancestor a,
.light .current_page_item a{ color: #ffffff;}

.masthead{
	z-index: 1000;
	background: url( ../images/dot_dark.gif ) top left repeat-x;
	position: relative;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 97%;
}
.masthead.light{ background: url( ../images/dot_light.gif ) top left repeat-x; }
	.masthead{ opacity: 0; }
	.masthead.init{ opacity: 1;}
	
	.masthead h1 a{
		background: url( ../images/icon_logo_dark.png ) bottom left no-repeat;
		display:block;
		height:17px;
		text-indent:-2000px;
		width: 189px;
		margin: 0.5em 120px 1em 0;
	}
	
	.masthead.light h1 a{
		background: url( ../images/icon_logo_light.png ) bottom left no-repeat;
	}
	
.menu-top-level-container{
	background: url( ../images/dot_dark.gif ) top left repeat-x;
	padding: 2em 160px 0 0;
	display: inline-block;
}
	.light .menu-top-level-container{
		background: url( ../images/dot_light.gif ) top left repeat-x;
	}
	.menu-top-level-container ul{
		padding-bottom: 1em;
		background: url( ../images/dot_dark.gif ) bottom left repeat-x;
	}
	.light .menu-top-level-container ul{ background: url( ../images/dot_light.gif ) bottom left repeat-x; }
	.menu-top-level-container li{
		padding-right: 64px;
	}
	.menu-top-level-container li a,
	#menu-bottom-level-container li a{
		font-size: 1.6em;
		text-transform: uppercase;
	}

#bgContainer{
	display: block;
	width: 100%;
	height: 100%;
}

#bgContainer .bgItem{
	position: absolute;
	top: 0px;
}
.hasJS .bgItem img{
	opacity: 0;
}

.pageContent{
	position: absolute;
	width: 200px;
	z-index: 100;
}
	.pageContent.vert_4,
	.pageContent.vert_3,
	.pageContent.vert_2{
		bottom: 155px;
	}
	.pageContent.horiz_1,
	.pageContent.horiz_2,
	.pageContent.horiz_3,
	.pageContent.horiz_4{
		left: 20px;
	}
	.pageContent.vert_1{
		top: 67px;
	}
	#bgContainer .nav{
		position: absolute;
		display: block;
		width: 20%;
		z-index: 10;
		opacity: 0;
		filter: alpha(opacity = 0);
	}
	#bgContainer .nav:hover,
	#bgContainer .nav.visible{
		opacity: 1;
		filter: alpha(opacity = 100);
	}
	#bgContainer .nav#prev{
		top: 0px;
		left: -10px;
		height: 100%;
		background: url( ../images/nav_prev.png ) 20px center no-repeat;
	}
	
	#bgContainer .nav#next{
		top: 0px;
		right: 10px;
		height: 100%;
		background: url( ../images/nav_next.png ) right center no-repeat;
	}
.thumb-container{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 145px;
	width: 100%;
	background-color: #e2e2e0;
	z-index: 100;
	overflow: hidden;
}
#productRanges.thumb-container.top,
#allProducts.thumb-container.top,
#productGallery-thumbs.thumb-container.top{
	z-index: 800;
}
.thumb-container.close{ bottom: -145px;}
#productRanges.thumb-container{
	bottom: 0px;
	z-index: 500;
}
#allProducts.thumb-container{
	background-color: #d7d6d1;
	z-index: 500;
}
#productGallery-thumbs.thumb-container{
	bottom: -145px;
}

.thumb-container.withBc{
	bottom: 25px;
}
	.thumb-container h2{
		color: #6A6B66;
		margin-left: 15px;
		padding: 6px 30px 0 0 0;
		background: #E2E2E0 url( ../images/dot_dark.gif ) top left repeat-x;
		font-size: 1.2em;
		text-transform: uppercase;
		display: inline-block;
		margin-top: 10px;
	}
	#allProducts.thumb-container h2{
		background: #D7D6D1 url( ../images/dot_dark.gif ) top left repeat-x;;
	}
	
#breadcrumb{
	background-color: #d6d6d0;
	bottom: 0px;
	height: 140px;
	left: 0px;
	width: 100%;
	position: absolute;
	padding-left: 10px;
	z-index: 200;
}
#breadcrumb ul li{
	font-size: 1.4em;
	color: #8f9284;
	float: left;
	padding-right: 5px;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 6px;
}
	#breadcrumb ul li a{
		color: #6a6b66;
	}
.thumb-container ul{
	width: 10000px;
	height: 140px;
	position: absolute;
	left: 5px;
	top: 0px;
}
	.thumb-container ul.focus{
		z-index: 100;
	}
	.thumb-container ul.new{
		z-index: 10000;
	}
	 .thumb-container ul li{
		display: inline-block;
		width: 140px;
		cursor:pointer;
		vertical-align: top;
	}
	#productGallery-thumbs.thumb-container li{
		margin-right: 0px;
		margin-top: 45px;
		width: 87px;
	}
	
	.thumb-container ul li.loading{
		opacity: 0.5;
	}
	.thumb-container ul li.hide{ opacity: 0; }
	.thumb-container .nav{
		position: absolute;
		bottom: 64px;
		width: 100px;
		height: 70px;
		z-index: 1000;
		font-size: 1.4em;
		padding: 0.5em 0 0 0;
		background: url( ../images/dot_dark.gif ) top left repeat-x;
		text-transform: uppercase;
	}
	.thumb-container .nav.next{
		right: 40px;
	}
	
	.thumb-container .nav.prev{
		left: 0px;
	}
	
.thumb-container li span,
.thumb-container li img{
	display: block;
	margin: 0 10px;
}
.thumb-container li span{
	margin: 0.6em 10px 0.4em;
	padding: 6px 0 0;
	background: #E2E2E0 url( ../images/dot_dark.gif ) top left repeat-x;
	display:block;
	height:32px;
}
.thumb-container li.range-thumbs span{ display: none; }
#allProducts.thumb-container li span{
	background-color: #D7D6D1;
}
.thumb-container li a{
	font-size: 1.2em;
	text-transform: uppercase;
	color: #a9aaa6;
}
#allProducts.thumb-container li a{
	color: #90918b;
}
.thumb-container li.focusThumb a{
	color: #6a6b66;
}
.thumb-container li a:hover span{
	color: #333333;
}

.close-thumbs,
#closeEnquiry{
	width: 9px;
	height: 9px;
	display: block;
	position: absolute;
	background: url( ../images/closeScroller.gif ) top left no-repeat;
	top: 14px;
	right: 26px;
	z-index: 1000;
	cursor:pointer;
}
#closeEnquiry{ right: 10px;}

.close-thumbs strong,
#open-thumbs strong,
#thumbLeft strong,
#thumbRight strong{ display: block; text-indent: -2000px;}

#allProducts.thumb-container #thumbLeft.deactivate,
#thumbLeft.deactivate{
	background-position: 26px center;
	cursor:auto;
}

#allProducts.thumb-container #thumbRight.deactivate,
#thumbRight.deactivate{
	background-position: -15px center;
	cursor:auto;
}

#thumbLeft,
#thumbRight{
	display: block;
	width: 40px;
	height: 130px;
	background: red;
	cursor:pointer;
}

#thumbLeft{ 
	float: left; 
	background: url( ../images/scrollLeft.gif ) -14px center no-repeat;
	margin-right: 10px;
	background-color: #e2e2e0;
	position: absolute;
	left: 0;
	z-index: 1000;
}
#thumbRight{ 
	background:url("../images/scrollRight.gif") no-repeat scroll 25px center #E2E2E0;
	margin-left:10px;
	padding-left:20px;
	position:absolute;
	right:0;
	z-index:100;
	top:0 ;
}

#allProducts.thumb-container #thumbRight{ background:url("../images/scrollRight_dark.gif") no-repeat scroll 25px center #D7D6D1; }

#allProducts.thumb-container #thumbLeft{ background:url("../images/scrollLeft_dark.gif")  -14px center no-repeat #D7D6D1 }

#allProducts .close-thumbs{ background: url("../images/closeScroller_dark.gif") no-repeat scroll left top transparent; }

#link-bar li#productGallery-toggler{ display: none; }
#link-bar li#productGallery-toggler.appearing{ display: inline-block; }

#thumb-window{ 
	float: left; 
	position: relative;
}


#open-thumbs{
	width: 16px;
	height: 9px;
	display: block;
	position: absolute;
	background: url( ../images/openScroller.gif ) top left no-repeat;
	top: 10px;
	right: 50%;
	cursor:pointer;
}
.hasJS .contentContainer.new .pageContent{
	display: none;
}
.contentContainer{ z-index: 3000000; }
#enquiryForm{
	background-color:#E2E2E0;
	padding:1em 10px;
	position:absolute;
	top:0;
	width:160px;
}
#enquiryForm p{
	color: #6a6b66;
}
#enquiryForm a{
	color: #909289;
}
.dark h2{
	background:url("../images/dot_dark.gif") repeat-x scroll left top transparent;
	color: #6a6b66;
}
.dark p{
	color: #6a6b66;
}
.dark.pageContent a{
	color: #61625E;
}

#textOnlyTitle{ 
	position: absolute;
	bottom: 10px;
	left: 20px;
}

#textOnlyTitle h2{
	font-size: 10em;
	color: #fff;
	text-transform: uppercase;
	background: none;
	padding: 0;
	line-height: 1em;
}

.hasJS #textOnlyContent{
	width: 355px;
	position: absolute;
	top: 87px;
	right: 70px;
	overflow: hidden;
	left: auto;
	z-index: 2000;
}

#textOnlyContent{
	width: 355px;
	position: absolute;
	top: 87px;
	left: 500px;
	height: 80%;
	overflow:auto;
}

#textOnlyContent p{
	color: #fffbe5;
	font-size: 1.6em;
}
#textOnlyContent h3{
	font-size: 1.6em;
	color: #fff;
	line-height: 1.2em;
	font-weight: bold;
}
.newsItem{
	background: url( "../images/dash.gif" ) bottom left no-repeat;
	margin-bottom: 25px;
}
#newsNext{
	width:355px;
	position: absolute;
	bottom: 20px;
	right: 70px;
	text-transform: uppercase;
	color: #fff;
	background:url("../images/dot_dark.gif") repeat-x scroll left bottom transparent;
	padding-bottom: 5px;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
}
#newsPrev{
	width:355px;
	position: absolute;
	top: 49px;
	right: 70px;
	text-transform: uppercase;
	color: #fff;
	background:url("../images/dot_dark.gif") repeat-x scroll left bottom transparent;
	padding-bottom: 5px;
	font-size: 1.2em;
	font-weight: bold;
	z-index: 10000;
	cursor: pointer;
}

/****** BREADCRUMB ******/

#gallery-breadcrumb{
	margin:0 auto 0;
	overflow:hidden;
	position:relative;
	width:200px;
	z-index:300;
}

#gallery-breadcrumb span{
	float: left;
	display: block;
	width: 8px;
	height: 10px;
	margin: 0 2px;
	background: url( "../images/breadcrumb.png" ) left top no-repeat;
	cursor: pointer;
}
#gallery-breadcrumb span.active{ background: url( "../images/breadcrumb.png" ) right top no-repeat; }


/****** JS SPECIFIC ******/

#textOnlyContent #textInner{
	position: absolute;
	top: 0;
	left: 0;
}

.bgItem{ width: 101%; height: 100%; overflow:hidden; border: 0px red solid; }
.bgItem img{ display: block;}

#sub-mast{ 
	position: absolute;
	right: 5px;
	top: 8px;
}
#sub-mast p a{
	color: #fff;
}
#sub-mast p a{
	color: #FFF;
	opacity: 1;
}
.dark #sub-mast p a{
	color: #6A6B66;
}
.page-template-templatenews-php #sub-mast,
.page-template-templatetextonly-php #sub-mast{ display: none;}

.contact-type{ display: inline-block; padding-right: 8px;}
/*.thumb-container{ width: 990px;}*/

#menu-bottom-level-container{
	position: absolute;
	top: 67px;
	left: 150px;
	display: none;
}
.page-template-templatetextonly-php #menu-bottom-level-container,
.page-template-templatenews-php #menu-bottom-level-container{
	display: block;
}
#returnToRanges{
	position: absolute;
	top: 15px;
	left: 477px;
	z-index: 1000;
	text-transform: uppercase;
	font-size: 1.1em;
	padding-left: 10px;
	background: transparent url( ../images/small-back.gif ) left center no-repeat;
}

#link-bar{
	position: absolute;
	bottom: 0;
	z-index: 1000;
	width: 100%;
}
	#link-bar li{
		padding: 10px 35px 5px 15px;
		display: inline-block;
	}
	#link-bar li.active{
		padding: 10px 15px 5px;
	}
	#link-bar li a{ font-size: 1.2em; text-transform: uppercase;}
	#link-bar li.active a{
		padding-right: 20px;
		background: transparent url( ../images/arrow-up.png ) right center no-repeat;
	}
	#link-bar .level1{
		background-color: #d7d6d1;
	}

.page-template-templateproductrange-php #link-bar ul{
	background-color: #E2E2E0;
}
.page-template-templateproductparent-php  #link-bar ul{
	background-color: #D7D6D1;
}